<template>
  <div class="iw-empty">
    <!-- <img v-if="showIcon" :src="image" /> -->
    <a-icon type="retweet" />
    <div class="title">
      {{ title }}
    </div>
    <div v-if="desc" class="desc">
      {{ desc }}
    </div>
  </div>
</template>

<script>
// import defaultEmpty from "@/static/img/default_empty.png";
export default {
  props: {
    showIcon: {
      type: Boolean,
      default: true
    },
    // image: {
    //   type: String,
    //   default: defaultEmpty
    // },
    title: {
      type: String,
      default: ""
    },
    desc: {
      type: String,
      default: ""
    }
  }
};
</script>

<style lang="scss" scoped>
.iw-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: PingFang SC;
  padding: 24px;

  img {
    width: 120px;
    height: 88px;
    // min-width: 120px;
    // min-height: 88px;
    // max-width: 240px;
    // max-height: 176px;
  }

  .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    margin-top: 4px;
    color: #9aa3b6;
  }

  .desc {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #9aa3b6;
    margin-top: 4px;
    line-height: 18px;
  }
}
</style>
